<template>
  <div class="footer">
      尾部
      <input type="text" v-model="cont">
  </div>
</template>

<script>
export default {
    data(){
        return{
            cont:''
        }
    },
    created(){
        //通过一个空的vue十里 作为中央事件总线  用它来实现触发和监听事件
        this.$bus.$on("footerAppear",(vals)=>{
            alert(vals)
            this.cont=vals;
        })
        this.$emit('update:message', "好看个锤子")
    }
}
</script>

<style>

</style>